*{
    margin: 0;
    padding: 0;
}
/* 猫头鹰 */
.gugu{
    width: 200px;
    height: 110px;
    background-image: url(./mao.png);
    background-repeat: no-repeat;
    position: relative;
    left: 45%;
    top: 342px;
}
/* 信息边框 */
.mao{
    width: 400px;
    height: 175px;
    border: 1px solid #DDDDDD;
    float: left;
    margin: 330px 40%;
}
/* 右手隐藏 */
.shou{
    width: 200px;
    height: 110px;
    background-image: url(./youshou.png);
    background-size: 50px 50px;
    background-repeat: no-repeat;
    position: absolute;
    left: 915px;
    top: 390px;
    display: none;
    list-style: none;
}
/* 左手隐藏 */
.zshou{
    width: 200px;
    height: 110px;
    background-image: url(./zuoshou.png);
    background-size: 50px 50px;
    background-repeat: no-repeat;
    position: absolute;
    left: 965px;
    top: 390px;
    display: none;
    list-style: none;
}
/* 底部登录框 */
.ma{
    width: 400px;
    height: 70px;
    border: 1px solid #DDDDDD;
    border-top: none;
    float: left;
    margin-top: 12px;
    margin-left: -1px;
}
/* 选中框实现捂眼 */
.mi:focus~.zshou{
    display: block;
}
/* 选中框实现捂眼 */
.mi:focus~.shou{
    display: block;
}
/* 输入框 */
.you{
    width: 80%;
    margin: 20px 10%;
    height: 40px;
    padding-left: 25px;
    outline: none;
}
/* 邮箱输入框 */
.yu{
    background-image: url(./youxiang.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 3px;
    border: none;
    border: 1px solid;
    border-radius: 5px;
}
/* 邮箱输入框外显示 */
.yu:focus{
    box-shadow: 0 0 20px skyblue;
}
/* 密码输入框米字图 */
.mi{
    background-image: url(./password.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 3px;
    border: none;
    border: 1px solid;
    border-radius: 5px;
}
/* 密码输入框外显示 */
.mi:focus{
    box-shadow: 0 0 20px skyblue;
}
/* 登录显示 */
.an{
    width: 65px;
    height: 35px;
    border-radius: 5px;
    margin-top: 15px;
    margin-right: 30px;
    border: none;
    float: right;
    color: white;
    background-color: #1A8FB4;
}
/* 登录隐藏 */
.an:hover{
    background-color: #00789D;
    cursor: pointer;
}
/* 左下字 */
.wabg{
    color: #CCCCCC;
    margin-top: 20px;
    float: left;
    margin-left: 45px;
}
/* 左下字隐藏字体 */
.wabg:hover{
    color: #618FBA;
    cursor: pointer;
}
/* 右下字 */
.up{
    color: #CCCCCC;
    margin-top: 20px;
    float: left;
    margin-left: 40px;
}
/* 右下字隐藏字体 */
.up:hover{
    color: #618FBA;
    cursor: pointer;
}